<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们 - 鸿升冠腾科技</title>
    <link rel="stylesheet" href="/assets/css/main.css?v=4">
    <script src="/assets/js/common-components.js" defer></script>
    <style>
        .about-container {
            max-width: 1000px;
            margin: 0 auto;
        }
        .company-overview,
        .team-intro,
        .development-history {
            margin-bottom: 40px;
            padding: 20px;
            background-color: #f9f9f9;
            border-radius: 8px;
        }
        .section-title {
            border-bottom: 2px solid var(--primary-color);
            padding-bottom: 10px;
            margin-bottom: 20px;
        }
        .history-timeline {
            position: relative;
            margin: 30px 0;
            padding-left: 30px;
        }
        .history-timeline::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            background-color: var(--primary-color);
            border-radius: 2px;
        }
        .timeline-item {
            position: relative;
            margin-bottom: 30px;
        }
        .timeline-item::before {
            content: '';
            position: absolute;
            left: -36px;
            top: 5px;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background-color: white;
            border: 3px solid var(--primary-color);
        }
        .timeline-date {
            font-weight: bold;
            color: var(--primary-color);
            margin-bottom: 5px;
        }
    </style>
</head>
<body>
    <header>
        <!-- Header content will be populated by JavaScript -->
    </header>
    <main>
        <section class="about-us">
            <div class="container">
                <h1 data-i18n="about.heading">关于我们</h1>
                <div class="page-container">
                    <div class="company-overview">
                        <h2 class="section-title" data-i18n="about.company_overview">公司概述</h2>
                        <p>鸿升冠腾 (深圳) 科技有限公司是一家专注于跨境金融服务的创新型企业，致力于为中俄及全球企业提供安全、高效的支付解决方案。</p>
                        <p>公司依托与俄罗斯VTB银行等国际金融机构的深度合作关系，为客户提供专业的银行开户、跨境收付款、汇率风险管理等一站式金融服务。</p>
                        <p>我们的团队由金融、技术、法律等领域的专业人才组成，拥有丰富的跨境金融服务经验，能够为不同行业、不同规模的企业量身定制解决方案。</p>
                    </div>

                    <div class="development-history">
                        <h2 class="section-title" data-i18n="about.development_history">发展历程</h2>
                        <div class="history-timeline">
                            <div class="timeline-item">
                                <div class="timeline-date">2018年</div>
                                <div class="timeline-content">
                                    <h3 data-i18n="about.company_founded">公司成立</h3>
                                    <p>鸿升冠腾 (深圳) 科技有限公司在深圳前海自贸区注册成立，专注于中俄贸易金融服务。</p>
                                </div>
                            </div>
                            <div class="timeline-item">
                                <div class="timeline-date">2019年</div>
                                <div class="timeline-content">
                                    <h3 data-i18n="about.vtb_partnership">与VTB银行建立合作</h3>
                                    <p>成为俄罗斯VTB银行在中国市场的重要合作伙伴，开始提供VTB银行开户咨询服务。</p>
                                </div>
                            </div>
                            <div class="timeline-item">
                                <div class="timeline-date">2021年</div>
                                <div class="timeline-content">
                                    <h3 data-i18n="about.payment_solution">推出中俄收付款解决方案</h3>
                                    <p>针对中俄贸易特点，推出定制化的跨境收付款解决方案，服务客户超过200家。</p>
                                </div>
                            </div>
                            <div class="timeline-item">
                                <div class="timeline-date">2023年</div>
                                <div class="timeline-content">
                                    <h3 data-i18n="about.global_payment">全球收付款服务上线</h3>
                                    <p>扩展服务范围，推出覆盖全球主要国家和地区的多币种收付款服务。</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="company-values">
                        <h2 class="section-title" data-i18n="about.company_values">企业价值观</h2>
                        <div class="values-grid">
                            <div class="value-item">
                                <h3 data-i18n="about.integrity">诚信为本</h3>
                                <p>恪守职业道德，坚持诚信经营，保护客户信息安全与隐私。</p>
                            </div>
                            <div class="value-item">
                                <h3 data-i18n="about.customer_first">客户至上</h3>
                                <p>以客户需求为导向，提供专业、高效的定制化金融服务。</p>
                            </div>
                            <div class="value-item">
                                <h3 data-i18n="about.innovation">创新进取</h3>
                                <p>不断创新服务模式和技术手段，提升服务质量和效率。</p>
                            </div>
                            <div class="value-item">
                                <h3 data-i18n="about.win_win">合作共赢</h3>
                                <p>与金融机构、客户建立长期稳定的合作关系，实现共同发展。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="banner">
            <div class="container">
                <h1 data-i18n="about.banner.title">关于我们</h1>
            </div>
        </section>
        
        <section class="core-services">
            <div class="container">
                <h2 data-i18n="about.services.title">核心服务</h2>
                <!-- 服务内容 -->
            </div>
        </section>
    </main>
    <footer>
        <!-- Footer content will be populated by JavaScript -->
    </footer>
    <script src="/assets/js/language-switcher.js"></script>
    <!-- 删除cyber-effects脚本 -->
</body>
</html>